<%@ page contentType="text/html;charset=UTF-8" %>
<script>
$(document).ready(function() {
    $('#arch2WorkjcdjTable').bootstrapTable({

        //请求方法
        method: 'post',
        //类型json
        dataType: "json",
        contentType: "application/x-www-form-urlencoded",
        //显示检索按钮
        showSearch: true,
        //显示刷新按钮
        showRefresh: true,
        //显示切换手机试图按钮
        showToggle: true,
        //显示 内容列下拉框
        showColumns: true,
        //显示到处按钮
        showExport: true,
        exportOptions: {

            fileName: '检查登记',  //文件名称设置
            worksheetName: '检查登记',  //表格工作区名称
            tableName: '检查登记',
            excelstyles: ['background-color', 'color', 'font-size', 'font-weight']
        },
        //显示切换分页按钮
        showPaginationSwitch: false,
        //最低显示2行
        minimumCountColumns: 2,
        //是否显示行间隔色
        striped: true,
        //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        cache: false,
        //是否显示分页（*）
        pagination: true,
        //排序方式
        sortOrder: "asc",
        //初始化加载第一页，默认第一页
        pageNumber: 1,
        //每页的记录行数（*）
        pageSize: 10,
        //可供选择的每页的行数（*）
        pageList: [10, 25, 50, 100,"All"],
        //这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据
        url: "${ctx}/buzz/arch2Workjcdj/data",
        //默认值为 'limit',传给服务端的参数为：limit, offset, search, sort, order Else
        //queryParamsType:'',
        ////查询参数,每次调用是会带上这个参数，可自定义
        queryParams: function (params) {
            var searchParam = $("#searchForm").serializeJSON();
            searchParam.pageNo = params.limit === undefined ? "1" : params.offset / params.limit + 1;
            searchParam.pageSize = params.limit === undefined ? -1 : params.limit;
            searchParam.orderBy = params.sort === undefined ? "" : params.sort + " " + params.order;
            return searchParam;
        },
        //分页方式：client客户端分页，server服务端分页（*）
        sidePagination: "server",
        contextMenuTrigger: "right",//pc端 按右键弹出菜单
        contextMenuTriggerMobile: "press",//手机端 弹出菜单，click：单击， press：长按。
        contextMenu: '#context-menu',
        onContextMenuItem: function (row, $el) {
            if ($el.data("item") == "generate") {
                generate();
            } else if ($el.data("item") == "view") {
                view(row.id);
            }
        },

        onClickRow: function (row, $element) {
			$('.info').removeClass('info');//移除class
			$($element).addClass('info');//添加class
		},
        onShowSearch: function () {
            $("#search-collapse").slideToggle();
        },
        columns: [{
                checkbox: true
            }
            ,{field: 'number',
                title: '序号',
                width:5 ,
                align:'center',
                switchable:false,
                formatter:function(value,row,index){
                    //return index+1; //序号正序排序从1开始
                    var pageSize=$('#arch2WorkjcdjTable').bootstrapTable('getOptions').pageSize;//通过表的#id 可以得到每页多少条
                    var pageNumber=$('#arch2WorkjcdjTable').bootstrapTable('getOptions').pageNumber;//通过表的#id 可以得到当前第几页
                    if (pageSize == "All"){
                        return index  +1;
                    }else {
                        return pageSize * (pageNumber - 1) + index + 1;    //返回每条的序号： 每页条数 * （当前页 - 1 ）+ 序号
                    }
                }
            }
            , {
                field: 'regisdate',
                title: '登记日期'

             },{
                field: 'regisuser.name',
                title: '登记人'
            },
            {
                field: 'roor.name',
                title: '教室名称'
            },{
                field: 'student.name',
                title: '学生姓名'
            },{
                field: 'xueke.name',
                title: '学科'
            },{
                field: 'kewenshez.name',
                title: '课堂内容'
            }, {
                field: 'studyprogress.name',
                title: '学习进度'
            }, {
                field: 'workjob.name',
                title: '作业分类'
            }, {
                field: 'worklr.name',
                title: '作业内容'
            }, {
                field: 'finishwork.name',
                title: '完成情况'
            },  {
                field: 'janchajieguo.name',
                title: '检查结果'
            }

    ]
    });

    $('#arch2WorkjcdjTable').on('check.bs.table uncheck.bs.table load-success.bs.table ' +
    'check-all.bs.table uncheck-all.bs.table', function () {
    $('#remove').prop('disabled', ! $('#arch2WorkjcdjTable').bootstrapTable('getSelections').length);
    $('#view,#generate').prop('disabled', ! $('#arch2WorkjcdjTable').bootstrapTable('getSelections').length);
});


    $("#search").click("click", function() {// 绑定查询按扭
    $('#arch2WorkjcdjTable').bootstrapTable('refresh');
});

    $("#reset").click("click", function() {// 绑定查询按扭
    $("#searchForm  input").val("");
    $("#searchForm  select").val("");
    $("#searchForm  .select-item").html("");
    $('#arch2WorkjcdjTable').bootstrapTable('refresh');
});

})
    function getRowsSelections() {
        return $.map($("#arch2WorkjcdjTable").bootstrapTable('getSelections'), function (row) {
            return row
        });
    }

function getIdSelections() {
    return $.map($("#arch2WorkjcdjTable").bootstrapTable('getSelections'), function (row) {
        return row.id
    });
}

function getCarIdSelections() {
   /* return $.map($("#arch2WorkjcdjTable").bootstrapTable('getSelections'), function (row) {
        return row.id
    });*/
}

    //刷新列表
    function refresh(){
        $('#arch2WorkjcdjTable').bootstrapTable('refresh');
    }

/*    function generate(){//没有权限时，不显示确定按钮
        var ids = getCarIdSelections();
        var row = getRowsSelections();
        var workstudentid = row[0].workstudentid;
        for(var i=0;i<row.length;i++){
            if(workstudentid != row[i].workstudentid){
                jp.error("学生/学科不唯一！")
                return false;
            }
        }
        jp.openSaveDialog('检查登记', "${ctx}/buzz/arch2Workjcdj/formGenerate?ids="+ids, '1500px', '1000px');
    }*/

</script>
